<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>login</title>
    <link rel="stylesheet" href="../css/global.css">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/login.css">
    <link rel="shortcut icon" href="../images/logo.jpg">
     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Le fav and touch icons -->
</head>

<body>
    <div id="box">
        <ul class="nav nav-tabs nav-justified">
            <li v-bind:class="{active:tabIndex==0}" @click="loginTab"><a href="javascript:void(0)">登录</a></li>
            <li v-bind:class="{active:tabIndex==1}" @click="registerTab"><a href="javascript:void(0)">注册</a></li>
        </ul>
        <div id="login" v-if="tabIndex==0">
            <form accept-charset="utf-8">
                <div>
                    <div class="input-group">
                        <span class="input-group-addon">用户名：</span>
                        <input type="text" class="form-control" v-model="username" name="username">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">密&nbsp;&nbsp;&nbsp;码：</span>
                        <input type="text" class="form-control" v-model="passwd" name="passwd">
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" v-model="checked">记住密码
                        </label>
                    </div>
                    <p class="loginTip">{{loginTip}}</p>
                    <div class="clearfix">
                        <button type="button" v-on:click="login" class="button btn-success col-md-3 col-md-offset-4">登录</button>
                    </div>
                </div>
            </form>
        </div>
        <div id="register" v-if="tabIndex==1">
            <form accept-charset="utf-8">
                <div class="modal-body">
                    <div class="input-group">
                        <span class="input-group-addon">用户名：</span>
                        <input type="text" class="form-control" v-model="username" name="username">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">密&nbsp;&nbsp;&nbsp;码：</span>
                        <input type="text" class="form-control" v-model="passwd" name="passwd">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">年&nbsp;&nbsp;&nbsp;龄：</span>
                        <input type="text" class="form-control" v-model="age" name="age">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">地&nbsp;&nbsp;&nbsp;址：</span>
                        <input type="text" class="form-control" v-model="addr" name="addr">
                    </div></br>
                     <div class="input-group">
                        <span class="input-group-addon">电&nbsp;&nbsp;&nbsp;话：</span>
                        <input type="text" class="form-control" v-model="tel" name="tel">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">邮&nbsp;&nbsp;&nbsp;箱：</span>
                        <input type="text" class="form-control" v-model="email" name="email">
                    </div></br>
                     <div class="input-group">
                        <span class="input-group-addon">公&nbsp;&nbsp;&nbsp;司：</span>
                        <input type="text" class="form-control" v-model="company" name="company">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">性&nbsp;&nbsp;&nbsp;别：</span>
						 <div>
						 	<label class="radio-inline">
						        <input type="radio" name="gender" v-model="gender" value="1"> 男
						    </label>
						    <label class="radio-inline">
						        <input type="radio" name="gender" v-model="gender" value="0" >女
						    </label>
						 </div>
                    </div></br>
                    <div class="form-group">
                        <button type="button" v-on:click="reset" class="button btn-success col-md-3 col-md-offset-2">重置</button>
                        <button type="button" v-on:click="register" class="button btn-success col-md-3 col-md-offset-2">注册</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script type="text/javascript" src="../js/jquery.js"></script>
    <!-- <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script> -->
    <script type="text/javascript" src="../js/vue.min.js"></script>
    <script src="../js/cookie.js" type="text/javascript" charset="utf-8" async defer></script>
    <script type="text/javascript" src="../js/login.js"></script>
</body>

</html>